<%-- 
    Document   : index
    Created on : 19/05/2014, 10:09:00 PM
    Author     : Sebastian Rojas
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Ontologia Entregas</title>
    <link href="librerias/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/styleJquery.css" rel="stylesheet">
    <script src="js/jquery/jquery.js"></script>
    <script src="js/jquery/autocomplete.js"></script>
    <script src="librerias/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript">
      
      $(document).keypress('keydown', function(event) {
        if (event.ctrlKey) {
          var datosDiligenciados = $("#codigo").val();
          $.ajax({
            url: 'helpSerlvlet',
            type: "POST",
            dataType: "json",
            data: {diligenciados: datosDiligenciados},
            success: function(data) {
              f_help(data);
            }
          });
        }
      });
      function f_help(datos) {
        $("#codigo").autocomplete({
          minLength:2,
          source: datos,
          select: function( event, ui ) {
          f_completar(ui.item.value);
        }
        });
      }
      
      function f_completar(descripcion) {
        var datosDiligenciados = $("#codigo").val();
          $("#codigo").val(datosDiligenciados+"\nfin"+descripcion);
      }
    </script>
    <style>
      #codigo {
        width: 90%;
        height: 70%;
      }
    </style>
  </head>
  <body>
    <form class="form-horizontal" action="codigoServlet" method="post">  
      <fieldset>  
        <legend>Ingrese su Codigo</legend>
        <textarea id="codigo" name="codigo" placeholder="Escriba su codigo...">
        </textarea>
        </div>
        <br>
        <input type="submit" value="Correr" class="btn btn-primary">
      </fieldset>
      <strong>Presentado Por:Sebastian Rojas-Andrea Viteri</strong>
    </form>
  </body>
</html>
